<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      社区
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
    <ion-card [navPush]="pushPage">

        <img src="assets/imgs/community1.jpg"/>
    
        <ion-card-content>
          <ion-card-title>
            Nine Inch Nails Live
          </ion-card-title>
          <p>
            The most popular industrial group ever, and largely responsible for bringing the music to a mass audience.
          </p>
        </ion-card-content>
    
        <ion-row no-padding>
          <ion-col>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-thumbs-up'></ion-icon>
              点赞
            </button>
          </ion-col>
          <ion-col text-center>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-person-add'></ion-icon>
              关注
            </button>
          </ion-col>
          <ion-col text-right>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='share-alt'></ion-icon>
              分享
            </button>
          </ion-col>
        </ion-row>
    
      </ion-card>
    
      <ion-card>
    
        <div>
          <img src="assets/imgs/community2.jpg"/>
        </div>
    
        <ion-card-content>
          <ion-card-title>
            Erykah Badu
          </ion-card-title>
          <p>
          American singer-songwriter, record producer, activist, and actress, Badu's style is a prime example of neo-soul.
          </p>
        </ion-card-content>
    
        <ion-row no-padding>
          <ion-col>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-thumbs-up'></ion-icon>
              点赞
            </button>
          </ion-col>
          <ion-col text-center>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-person-add'></ion-icon>
              关注
            </button>
          </ion-col>
          <ion-col text-right>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='share-alt'></ion-icon>
              分享
            </button>
          </ion-col>
        </ion-row>
    
      </ion-card>
    
      <ion-card>
    
        <div>
          <img src="assets/imgs/community3.jpg"/>
        </div>
    
        <ion-card-content>
          <ion-card-title>
            Queen
          </ion-card-title>
          <p>
            The British rock band formed in London in 1970, and is considered one of the biggest stadium rock bands in the world.
          </p>
        </ion-card-content>
    
        <ion-row no-padding>
          <ion-col>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-thumbs-up'></ion-icon>
              点赞
            </button>
          </ion-col>
          <ion-col text-center>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-person-add'></ion-icon>
              关注
            </button>
          </ion-col>
          <ion-col text-right>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='share-alt'></ion-icon>
              分享
            </button>
          </ion-col>
        </ion-row>
    
      </ion-card>
    
      <ion-card>
    
        <div>
          <img src="assets/imgs/community4.jpg"/>
        </div>
    
        <ion-card-content>
          <ion-card-title>
            Run-D.M.C.
          </ion-card-title>
          <p>
            The American hip hop group widely acknowledged as one of the most influential acts in the history of hip hop.
          </p>
        </ion-card-content>
    
        <ion-row no-padding>
          <ion-col>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-thumbs-up'></ion-icon>
              点赞
            </button>
          </ion-col>
          <ion-col text-center>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='md-person-add'></ion-icon>
              关注
            </button>
          </ion-col>
          <ion-col text-right>
            <button ion-button clear small color="danger" icon-start>
              <ion-icon name='share-alt'></ion-icon>
              分享
            </button>
          </ion-col>
        </ion-row>
    
      </ion-card>
    
</ion-content>
